<template>
	<view class="empty-box">
		<view class="column-center" @click.stop.prevent="" @touchmove.stop.prevent="">
			<image src="../static/noData.png" mode="widthFix"></image>
			<text>{{desc}}</text>
			<!-- <view class="btn" @click="onReloadBtnClick">
				<text>点击刷新</text>
			</view>
			<a class="back" href="javascript:;" @click="backClick">
				返回
			</a> -->
		</view>
	</view>
	
</template>

<script>
	export default {
		props: {
		    desc: { //内容
		        type: String,
		        default: '暂无数据'
		    },
		},
		name:"empty",
		data() {
			return {
				
			};
		},
		methods:{
			backClick() {
			    // 返回
			    this.$emit('back')
				uni.navigateBack()
			},
			onReloadBtnClick() {
			    // 刷新
			    this.$emit('reload')
			},
		}
	}
</script>

<style lang="less">
.column-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    
    image {
		margin-top: 100rpx;
      width: 200rpx;
      max-height: 600rpx;
    }
}
.empty-box {
    // position: fixed;
    // left: 0;
    // right: 0;
    // top: 0;
    // bottom: 0;
    animation: show .5s 1;
    // background-color: white;
    // z-index: 9999;
    
    .btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 200rpx;
      height: 80rpx;
      margin-top: 60rpx;
      margin-bottom: 20rpx;
      letter-spacing: 2rpx;
      font-size: 32rpx;
      color: #fff;
      border-radius: 100rpx;
      background: #E4919D;
    }
    
    .back {
      color: #c0c4cc;
    }
}
</style>